﻿<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/taolijie.css">
    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script src="js/JavaScript.js"></script>
    <script src="js/superslide.2.1.js"></script>
</head>
<body>
    <div class="container">
        <div id="topbar">
            <div class="center">
                <div class="bar_left">
                    <span>占位符占位符占位符占位符</span>
                </div>
                <div class="bar_right">
                    <div id="login">
                        <a href="#">登陆</a>
                        <span class="gap">|</span>
                        <a href="#">注册</a>

                    </div>
                    <div class="toggle">
                        <div class="tao_menu">
                            <span class="gap">|</span>
                            <span>我的桃李街</span>
                            <ul class="sub" style="display: none;">
                                <li><a href="#">我的桃李街</a></li>
                                <li><a href="#">我的发布</a></li>
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="top">
            <div class="center">
                <div id="logo" class="float"><img src="images/logo.jpg" border="0"></div>
                <form action="" method="get">
                    <div class="float search"><input type="text" maxlength="20" placeholder="家教、美食、二手电动车"></div>
                    <div class="float"><input type="submit" class="sub_button" name="" value="搜索" /></div>
                </form>

                <a href="#"><div class="float publish"><img src="images/publish.gif" alt="发布信息" border="0"><span>免费发布信息</span></div></a>
            </div>
        </div>
        <script>


        </script>
        <div id="nav">
            <div class="center">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">跳蚤市场</a></li>
                    <li><a href="#">兼职招聘</a></li>
                    <li><a href="#">廉享特惠</a></li>
                    <li><a href="#">校园生活</a></li>
                    <li><a href="#">创业跳板</a></li>
                    <li><a href="#">官方微信</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
        </div>
        <div id="banner">
            <div class="center">
                <div class="icon_nav">
                    <a href="#">
                        <img src="images/icon_big01.jpg" />
                        <span>学生兼职</span>
                    </a>

                </div>
                <div class="icon_nav">
                    <a href="#">
                        <img src="images/icon_big02.jpg" />
                        <span>学生兼职</span>
                    </a>

                </div>
          
                <div class="icon_nav">
                    <a href="#">
                        <img src="images/icon_big03.jpg" />
                        <span>学生兼职</span>
                    </a>

                </div>
                <div class="icon_nav">
                    <a href="#">
                        <img src="images/icon_big04.jpg" />
                        <span>学生兼职</span>
                    </a>

                </div>
                <div class="icon_nav">
                    <a href="#">
                        <img src="images/icon_big05.jpg" />
                        <span>学生兼职</span>
                    </a>

                </div>
                <div class="icon_nav">
                    <a href="#">
                        <img src="images/icon_big06.jpg" />
                        <span>学生兼职</span>
                    </a>

                </div>
                <div class="icon_nav">
                    <a href="#">
                        <img src="images/icon_big07.jpg" />
                        <span>学生兼职</span>
                    </a>

                </div>
                <div class="icon_nav">
                    <a href="#">
                        <img src="images/icon_big08.jpg" />
                        <span>学生兼职</span>
                    </a>

                </div>
            </div>
        </div>
        <div id="hot_nav">
            <div class="center">
                <ul>
                    <li><a class="mark" href="">最热</a></li>
                    <li><a href="">驾校</a></li>
                    <li><a href="">家教</a></li>
                    <li><a href="">二手汽车</a></li>
                    <li><a href="">二手电动车</a></li>
                </ul>
            </div>
        </div>
        <div id="main" class="center">
            <div id="slider">
                <div class="slide" id="indexSlide">
                    <div class="left" id="indexLeft">
                        <div class="swcont" style="display:block;">
                            <a href="http://www.17sucai.com/"><img width="567" border="0" height="230" alt="" title="" src="images/大图.jpeg" /></a>
                        </div>
                        <div class="swcont" style="display:block;">
                            <a href="http://www.17sucai.com/"><img width="567" border="0" height="230" alt="" title="" src="imqages/大图.jpeg" /></a>
                        </div>
                        <div class="swcont" style="display:block;">
                            <a href="http://www.17sucai.com/"><img width="567" border="0" height="230" alt="" title="" src="images/大图.jpeg" /></a>
                        </div>
                        <div class="swcont" style="display:block;">
                            <a href="http://www.17sucai.com/"><img width="567" border="0" height="230" alt="" title="" src="images/大图.jpeg" /></a>
                        </div>
                        <div class="swcont" style="display:block;">
                            <a href="http://www.17sucai.com/"><img width="567" border="0" height="230" alt="" title="" src="images/大图.jpeg" /></a>
                        </div>
                    </div>
                    <div class="right" id="indexRight">
                        <a href="http://www.17sucai.com/"><img src="images/缩略图.jpeg" width="100" height="47" /></a>
                        <a href="http://www.17sucai.com/"><img src="images/20131030111419_TXNHQ.jpeg" width="100" height="47" /></a>
                        <a href="http://www.17sucai.com/"><img src="images/20131029143936_JhwAt.thumb.100_50.jpeg " width="100" height="47" /></a>
                        <a href="http://www.17sucai.com/"><img src="images/20131028164709_ChmEr.thumb.100_50.jpeg " width="100" height="47" /></a>
                        <div id="hehe"></div>
                    </div>
                </div>

            </div>

            <div id="side">
                <div id="menu">
                    <div class="right_tab active">最新公告</div>
                    <div class="right_tab">学生最爱</div>
                    <div class="right_tab">限时特惠</div>
                </div>
                <div class="con">12313</div>
                <div class="con" style="display:none">dwrre</div>
                <div class="con" style="display:none">4534</div>
                <div></div>
            </div>
            <div id="service">
                <div class="ser_list">
                    <ul>
                        <li class="ser_li_first"><a href="#" class=""><img class="img_first" src="images/icon_small_01.jpg" />学生兼职</a></li>
                        <li><a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li class="ser_list_more"><a href="#"><img class="img_more" src="images/more.jpg" /></a></li>
                    </ul>
                </div>
                <div class="ser_list ">
                    <ul>
                        <li class="ser_li_first"><a href="#" class=""><img class="img_first" src="images/icon_small_02.jpg" />学生兼职</a></li>
                        <li><a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li class="ser_list_more"><a href="#"><img class="img_more" src="images/more.jpg" /></a></li>
                    </ul>
                </div>
                <div class="ser_list">
                    <ul>
                        <li class="ser_li_first"><a href="#" class=""><img class="img_first" src="images/icon_small_03.jpg" />学生兼职</a></li>
                        <li><a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li class="ser_list_more"><a href="#"><img class="img_more" src="images/more.jpg" /></a></li>
                    </ul>
                </div>
                <div class="ser_list">
                    <ul>
                        <li class="ser_li_first"><a href="#" class=""><img class="img_first" src="images/icon_small_04.jpg" />学生兼职</a></li>
                        <li><a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li class="ser_list_more"><a href="#"><img class="img_more" src="images/more.jpg" /></a></li>
                    </ul>
                </div>
                <div class="ser_list ser_list_short float">
                    <ul>
                        <li class="ser_li_first" id="img_first"><a href="#" class=""><img class="img_first" src="images/icon_small_05.jpg" />学生兼职</a></li>
                        <li><a href="#">学生</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">国安</a></li>
                        <li class="ser_list_more" id="img_more"><a href="#"><img class="img_more" src="images/more.jpg" /></a></li>
                    </ul>
                </div>
                <div class="ser_list  ser_list_mid float_right">
                    <ul>
                        <li class="ser_li_first"><a href="#" class=""><img class="img_first" src="images/icon_small_06.jpg" />学生兼职</a></li>
                        <li><a href="#">学生兼职</a></li>
                        <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                        <li class="ser_list_more"><a href="#"><img class="img_more" src="images/more.jpg" /></a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <div id="tell_me">
                <div class="contact_title">
                    <img class="cont_icon" style="" src="/images/contact_me.jpg" />
                    <span>联系我们</span>
                    <a href="#"><img class="cont_more" src="/images/more_small.jpg" /></a>
                </div>
                <div class="contact_info">
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div id="footer">
            <div class="center">
                <br />
                <p>COPYRIGHT&copy;2014-2018</p>
                <p>山东理工大学--桃李街工作室版权所属</p>
            </div>
        </div>
    </div>


</body>
</html>